<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
    <link rel="stylesheet" href="/static/论文_CSS/person_info.css">
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.css">
    <script src="/static/bootstrap/js/bootstrap.js"></script>
    <script src="/static/jquery-ui-1.12.1/external/jquery/jquery.js"></script>
    <link rel="stylesheet" href="/static/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/static/论文_CSS/Regiter.css">
</head>
<body style="background-image: radial-gradient(#aac6dc99, #00BCD4);" >
    <div class="header_meau">
        <div class="header_meau_logo left">
            <div class="header_meau_logo_image">
                <i class="fa fa-cart-arrow-down fa-3x" aria-hidden="true"></i>
            </div>
            <div class="header_meau_logo_right">
                <a class="header_meau_logo_right_font" href="{% url 'person_info' %}">用户中心</a>
                <a class="header_meau_logo_right_font" href="{% url 'usercart' %}">购物车</a>
                <a class="header_meau_logo_right_font">客户服务</a>
                <a id="q0" onclick="Skip();" class="header_meau_logo_right_font" href="{% url 'Home' %}">网站导航</a>
            </div>
        </div>
        <div class="header_meau_Landing_search">
            <input type="text" style="width: 371px; height: 29px; position: relative; top: 8px;left: 50px;"/>

            <div style=" position: relative;width: 50px;height:44px;float: right; top: 7px;">
                <!--<i class="fa fa-search fa-2x" aria-hidden="true" ></i>-->
                <button style=" position: relative;width: 50px;height:35px;left: 36px;top: 0px;cursor: pointer;">
                    <i class="fa fa-search fa-1x" aria-hidden="true"></i>
                </button>
            </div>

        </div>
        <div class="header_meau_Landing right">
            <div class="header_meau_Landing icon">
                <i class="fa fa-id-card-o fa-2x" aria-hidden="true"></i>
            </div>
            <div class="header_meau_Landing landing1">
                <a id="i1" style="position: relative;top: 9px; font-size: 14px;padding: 0px 15px 0px 15px;"
                   onclick="Landing(); " name="L">登录</a>
                <a style="position: relative;top: 9px; font-size: 14px;padding: 0px 15px 0px 15px;" name="R">注册</a>
            </div>
            <div class="header_meau_Landing send">
                <a style="position: absolute;top: 6px; font-size: 19px;padding: 0px 15px 0px 15px; left: 25px;">意见箱</a>
            </div>
        </div>
        <div class="header_meau_Landing set ">
            <i class="fa fa-cogs fa-spin" aria-hidden="true" style="padding-top: 15px;"></i>

        </div>
    </div>
    <div class="body_set1">
        <!--<img src="导航.jpg"  style="height: 200px; width: 800px;" />-->
    </div>
    <!--用户个人信息-->
    <div class="user_info">
            <p class="bg-primary">用户名:侯国威</p>
{#            <p class="bg-primary">用户名:{{username}}</p>#}
            <p class="bg-success">联系电话:13892828156</p>
            <p class="bg-info">邮箱:1045077189@qq.com</p>
            <p class="bg-warning">学号:1641112</p>
            <p class="bg-danger">收货地址:长春理工大学光电信息学院</p>

    </div>
    <div class="user_nopayfor">
        <i class="fa fa-reorder fa-5x pch" aria-hidden="true"></i>
        <span id="not_pay">未支付</span>
        <span class="badge biaoqian badge-warning">{{order_not_pay }}</span>
    </div>
    <div class="user_alreadlyfor">
        <i class="fa fa-check fa-5x pch " aria-hidden="true"></i>
        <span class="badge biaoqian badge-warning">{{order_Yex_pay}}</span>
        <span>已支付</span>
    </div>
    <div class="user_change">
        <i class="fa fa-gear fa-5x pch1 fa-spin" aria-hidden="true"></i>
        <span class="span0" style="left: 70px">修改信息</span>
    </div>
    <div class="user_addinfo">
        <a href="{% url 'edit' %}"><i class="fa fa-id-card-o pch fa-5x" aria-hidden="true"></i></a>
        <span class="span0"  style="left: 70px">添加信息</span>
    </div>
    <script>
        $(function () {
            $("#not_pay").click(function () {
                window.location.href=('{% url 'orderlistnotpay' %}')
            })
        })
    </script>
</body>
</html>